<template>
	<van-search placeholder="请输入搜索关键词" :focus="true" />
	<view class="search-page">
		<view class="list-card">
			<view class="list-title">
				<text>历史搜索</text>
				<uni-icons type="trash" :size="20"></uni-icons>
			</view>
			<view class="list-content">
				<uni-tag inverted circle type="primary" v-for="item in 6" :key="item" text="标签" />
			</view>
		</view>
		<view class="list-card">
			<view class="list-title">
				<text>热门搜索</text>
			</view>
			<view class="list-content">
				<uni-tag inverted circle type="primary" v-for="it in 6" :key="it" text="标签" />
			</view>
		</view>
	</view>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
	.search-page {
		padding: 0 10px;

		.list-card {
			margin-bottom: 20px;

			.list-title {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.list-content {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}
		}
	}
</style>